<!--erp商品缺货-->
<template>
  <div class="contain">
    <div class="detail-goods-list no-lineb mb30">
      <div class="displayflex list-goods-warp no-lineb">
        <div class="pic">
          <img src="">
        </div>
        <div class="msg flex1">
          <p class="ft17">药名字</p>
          <p>规格</p>
          <p>厂商</p>
          <p class="list-tag drug">
            <em class="tag">采购价</em>
            <i class="price">￥123.00</i>
          </p>
          <p>共订货10盒  合计:<em class="def-color">￥48000.00</em></p>
        </div>
      </div>
    </div>
    <div class="form-wrap">
      <div class="form-wrap-row">
        <div class="line displayflex">
          <div class="label">当前库存</div> 
          <div class="ipt flex1"><input type="text" placeholder="点击输入"></div> 
          <em class="unit">盒</em>
        </div>
      </div>
      <div class="form-wrap-row">
        <div class="line displayflex">
          <div class="label">缺货数量</div> 
          <div class="ipt flex1"><input type="text" placeholder="点击输入" class="red"></div> 
          <em class="unit">盒</em>
        </div>
      </div>
      <div class="form-choice line">
        <popup-picker title="缺货原因" :data="formDate.list3" :columns="3" v-model="formDate.value3" placeholder="点击选择" value-text-align="left" :show-name="formDate.customShow"></popup-picker>
        <!-- {{value3}}可显示选中的id -->
      </div>
      <div class="form-wrap-row">
        <div class="line displayflex">
          <div class="label">备注</div> 
          <div class="ipt flex1">
            <textarea type="text" placeholder="请输入备注信息" class="form-txtarea"></textarea>
          </div>
        </div>
      </div>
      <div class="form-wrap-row displayflex">
        <div class="voice-mail ft17 flex1">
          <em class="ft17">语音备注</em>
          <span class="iconfont icon-yuyin1"></span><span class="iconfont icon-yuyin1"></span>
        </div>
        <i class="iconfont icon-yuyin ft28 lineh44"></i>
      </div>
    </div>
    <div class="detail-bottom"><div class="btn">提交</div></div>
  </div>
</template>

<script>

export default {
  name:'outStock',
  data() {
    return {
      formDate:{
        list3: [{
          name: '中国',
          value: 'china'
        }, {
          name: '美国',
          value: 'USA'
        }],
        value3:[],
        customShow:true
      }
    }
  },
  created(){
    
  },
  mounted() {
    this.$nextTick(function() {

    })
  },
  methods: {
    
  }
}
</script>